import { memo } from "react";
import type { FC } from "react";
import { Form, Input } from "antd";
import { Editor } from "../education/edit";

interface IndexProps {
  displayName: string;
}
const Index: FC<IndexProps> = ({ displayName }) => {
  return (
    <>
      <div
        style={{
          margin: "10px 10px 20px",
          fontWeight: "bold",
          fontSize: "16px",
        }}
      >
        {displayName}
      </div>
      <Form.Item name={"description"}>
        <Editor />
      </Form.Item>
      <Form.Item name={"description"} hidden>
        <Input />
      </Form.Item>
    </>
  );
};

export default memo(Index);
